<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>personal information</title>
    <link rel="stylesheet" href="../css/reset.css"/>
    <link rel="stylesheet" href="../css/common.css"/>
    <script src="../js/angular-1.4.6.min.js"></script>
    <script type="text/javascript" src="../js/jquery-1.8.3.min.js"></script>
    <style>
        .r-content{width: 940px;}
        .r-title{text-align: center;margin-bottom: 40px;}
        .r-title p{display: inline-block;font-size: 18px;font-weight: bold;line-height: 45px;border-bottom: 1px solid #d7d7d7;}
        .edit img{margin-right: 5px;}
        .r-content ul{margin-left: 100px;}
        .r-content ul li{overflow: hidden;font-size: 14px;margin-bottom: 15px;}
        .r-content ul li .left{width: 200px;line-height: 36px;text-align: right;}
        .r-content ul li .right{width: 370px;margin-left: 10px;}
        .r-content ul li .right input[type=text],.r-content ul li .right input[type=password]{display: block;text-indent: 10px;border: 1px solid #d7d7d7;height: 34px;width: 100%;background-color: #f8f8f8;}
        .r-content ul li .sex{line-height: 36px;}
        .r-content ul li .sex label{margin-right: 10px;}
        .r-content ul li .sex input{vertical-align: middle;}
        .r-content ul li .email input{width: 290px !important;}
        .r-content ul li .email .email-btn{float: left;width: 78px;line-height: 36px;background-color: #d7d7d7;color: #666;text-align: center;}

        .r-content ul li .verify input{width: 290px !important;}
        .r-content ul li .verify .verify-btn{float: left;width: 78px;line-height: 36px;background-color: #d7d7d7;color: #666;text-align: center;}
        .birthday select{float: left;width: 33.3333%;height: 34px;border: 1px solid #d7d7d7;}
        .submit{text-align: center;}
        .submit input{width: 90px;height: 36px;color: #fff;border: none;outline: none;font-size: 14px;font-weight: bold;}
    </style>
</head>
<body ng-app="">
<!--公共头部-->
<div ng-include="'../html/header.html'"></div>
<div class="bread container-fluid">
    <div class="container clear">
        <div class="fl path">
            <p class="fs-18"><em>You are here:&nbsp;</em><span class="bold red text-capitalize">personal center</span></p>
        </div>
        <div class="fr">
            <div class="btn b-red white fs-14 bold">JUMP TO<img src="../img/vimostsports（About-Us-）_03.jpg" alt=""/></div>
            <ul class="list fs-14 text-capitalize">
                <li>
                    <a href="">about us</a>
                </li>
                <li>
                    <a href="">gallery</a>
                </li>
                <li>
                    <a href="">sublimation</a>
                </li>
                <li>
                    <a href="">how to order</a>
                </li>
                <li>
                    <a href="">order process</a>
                </li>
                <li>
                    <a href="">fabric guide</a>
                </li>
                <li>
                    <a href="">blog</a>
                </li>
                <li>
                    <a href="">FAQS</a>
                </li>
                <li>
                    <a href="">customer reviews</a>
                </li>
                <li>
                    <a href="">contact us</a>
                </li>
            </ul>
        </div>
    </div>
</div>
<div class="content container clear mt35">
    <div ng-include="'../html/left_aside.html'"></div>
    <div class="r-content fr">
        <div class="r-title">
            <p>PERSONAL INFORMATION</p>
        </div>
        <ul>
            <li>
                <p class="left fl">First Name:</p>
                <div class="right fl">
                    <input type="text" value="li"/>
                </div>
            </li>
            <li>
                <p class="left fl">Last Name:</p>
                <div class="right fl">
                    <input type="text" value="jack"/>
                </div>
            </li>
            <li>
                <p class="left fl">Email:</p>
                <div class="right fl email clear">
                    <input class="fl" type="text" value="345345464@qq.com"/>
                    <div class="email-btn">send</div>
                </div>
            </li>
            <li>
                <p class="left fl">Verify Code:</p>
                <div class="right fl verify">
                    <input class="fl" type="text"/>
                    <div class="verify-btn">verify</div>
                </div>
            </li>
            <li>
                <p class="left fl">New Email:</p>
                <div class="right fl">
                    <input type="text"/>
                </div>
            </li>
            <li>
                <p class="left fl">Country:</p>
                <div class="right fl">
                    <input type="text" value="chengdu"/>
                </div>
            </li>
            <li>
                <p class="left fl">Gender:</p>
                <div class="right fl sex">
                    <label>
                        <input type="radio" name="sex"/>female
                    </label>
                    <label>
                        <input type="radio" name="sex"/>male
                    </label>
                </div>
            </li>
            <li>
                <p class="left fl">Birthday:</p>
                <div class="right fl birthday">
                    <select id="year">
                        <option value=""></option>
                    </select>
                    <select id="month">
                        <option value=""></option>
                    </select>
                    <select id="day">
                        <option value=""></option>
                    </select>
                </div>
            </li>
            <li>
                <p class="left fl">Skype:</p>
                <div class="right fl">
                    <input type="text" value="leonardo"/>
                </div>
            </li>
            <li>
                <p class="left fl">Phone:</p>
                <div class="right fl">
                    <input type="text" value="13556782456"/>
                </div>
            </li>
            <li>
                <p class="left fl">Facebook:</p>
                <div class="right fl">
                    <input type="text" value="leonardo"/>
                </div>
            </li>
            <li>
                <p class="left fl">Twitter:</p>
                <div class="right fl">
                    <input type="text" value="leonardo"/>
                </div>
            </li>
            <li>
                <p class="left fl">Instagram:</p>
                <div class="right fl">
                    <input type="text" value="leonardo"/>
                </div>
            </li>
            <li>
                <p class="left fl">Website:</p>
                <div class="right fl">
                    <input type="text" value="leonardo"/>
                </div>
            </li>
        </ul>
        <div class="submit">
            <input class="b-red" type="submit" value="Update"/>
        </div>
    </div>
</div>
<div ng-include="'../html/footer.html'"></div>
</body>
<script>
    var aside = setTimeout(function(){
        $('.left-aside .left-link').eq(4).addClass('red');
    },100);
</script>
<script src="../js/scroll_top.js"></script>
</html>